CSS 能夠隨心所欲地控制網頁的顏色，就像一個設計師一樣。今天學習如何使用各種屬性，為網頁帶來豐富的視覺效果。

介紹幾個重要的屬性：

• color： 改變文字的顏色。
• background-color： 改變元素的背景顏色。

顏色的表示方式有很多種，最常用的是以下三種：
1. 顏色名稱 (Color Names)： 使用預設的顏色名稱，如 red、blue、green。

• 範例：color: blue;

2. 十六進位制 (HEX)： 使用 #RRGGBB 的格式，RR、GG、BB 分別代表紅、綠、藍三種顏色的強度。這是最常用的方式。

• 範例：background-color: #3498db; (這是一個很漂亮的藍色)

3. RGB (Red, Green, Blue)： 使用 rgb(紅, 綠, 藍) 的格式，數值範圍為 0~255。

• 範例：color: rgb(255, 0, 0); (這就是紅色)

回到昨天的網頁，來練習用不同方式的元素上色。
在 style.css 中加入或修改：

CSS

body {
  background-color: #ecf0f1; /* 淺灰色 */
}
h1 {
  color: #2c3e50; /* 深藍色 */
}
p {
  color: rgb(52, 73, 94); /* 深藍色 */
}
a {
  color: #e74c3c; /* 紅色 */
  text-decoration: none; /* 移除超連結的底線 */
}

現在網頁有了更豐富的色彩，明天要繼續探索文字的樣式，讓排版更具設計感。

執行成果 :